import * as React from "react";
import { css } from "@emotion/react";
import { useAppToken } from "theme";

export const useStyle = () => {
  const { token } = useAppToken();

  return {
    loginPage: css`
      .ant-tabs-bar {
        border: none;
      }

      .ant-tabs-nav-scroll {
        text-align: center;
      }

      .ant-tabs-nav-container {
        font-size: 14px;
      }

      &__others {
        color: #999;
      }

      &__icon {
        margin-left: 10px;
        font-size: 18px;
      }

      .profile__image {
        float: left;
        margin-right: 10px;
        border-radius: 100%;
      }

      .profile__h3 {
        margin: 8px 0 0 0;
      }
    `,
  };
};
